<!DOCTYPE html>
<html>
<head>
    <title>测试</title>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
    <script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
<div id="test" class="test" style="background-color:red;margin:100px auto;width: 100px;height:100px;"><a class="abc"></a></div>
<input type="text" name="test" class="test" />
<script type="text/javascript">
    // var id = document.getElementById("test");
    // var tag = document.getElementsByTagName("div");
    // var name = document.getElementsByName("test");
    // var className = document.getElementsByClassName("test");

    // var fid = document.getElementById("test");
    // var fa = fid.getElementsByTagName("a");

    // var id = $('#test');
    // var id_a = $('#test a');
    // var tag = $('div');
    // var className = $('.test');
</script>
<script type="text/javascript">
    var num = 0;

    // $('#test').on('click',test_con);

    // // var test = document.getElementById("test");
    // // test.addEventListener('click',test_con);

    function test_con(){
        var nnum = 0;
        $(this).css({'backgroundColor': 'black','width': '200px','height': '200px'});
         // test.style.backgroundColor = 'black';
         // test.style.width = "200px";
         // test.style.height = '200px';
        console.log("高俊爱许琴_nnum"+nnum);
        console.log("高俊爱许琴_num"+num);
        num++;
        nnum++;
        console.log('num'+num);
        console.log('nnum'+nnum);
    }
</script>
<script type="text/javascript">
    //申明变量用,分割,同时申明多个变量;
    // var a,b,c,d,e; 
    // var a = 0;
    var a;
    a = 0;
    a_s = '0';
    // var b = a + 1;
    // var b_s = a_s + 1;
    // console.log(b);
    // console.log(b_s);
    // console.log("1"+a);
    // console.log("1"+a_s);
    // var a = true;
    // var b = false;
    // if(a){console.log(a);}
    // if(!b){console.log(b);}
    // var a = new Array();
    // var b = [];
    // console.log(a);
    // console.log(b);
    // var list = [1,2,3,4,5,6,7,8,9];
    // var n,x,y;
    // for(var i=0;i<list.length;i++){
    //     for(var l=0;l<list.length;l++){
    //         x = list[i];
    //         y = list[l];
    //         n = x * y;
    //         console.log(x+"*"+y+'='+n);
    //     }
    // // }
    // var a = [];
    // a.push(1);
    // a.push(2);
    // a.push(3);
    // a.push(4);
    // a.push(5);
    // a.push(6);
    // console.log(a);
    // a.shift();
    // a.pop();
    // console.log(a);
    // var a = {a: 1,b: 2};
    // console.log(a);
    // var a_a = a['a'];
    // var a_b = a['b'];
    // function add(data){
    //     return data.a * data.b;
    // }
    // var c = {a: 100,b: 200};
    // console.log(add(a));
    // console.log(add(c));
    // var log = undefined;
    // var a = {};
    // console.log(a.b);
    // console.log(log)
</script>
</body>
</html>